<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=1, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="./css/base.css">
    <link rel="stylesheet" type="text/css" href="./css/index.css">
    <title>华为手机</title>
</head>
<body>
    <header class="header">
        <div class="header_wrap">
            <div class="header_logo">华为手机</div>
                <nav class="header_nav">
                    <a href="javascript:;" class="header_nav-item
                    header_nav-item_status_active">首页</a>
                    <a href="javascript:;" class="header_nav-item">配置</a>
                    <a href="javascript:;" class="header_nav-item">型号</a>
                    <a href="javascript:;" class="header_nav-item">说明</a>
                    <a href="javascript:;" class="header_nav-item">其他产品</a>
                    <a href="javascript:;" class="header_nav-item 
                        header_nav-item_custom_button">立即购买</a>
                </nav>
            </div>
    </header>
    <div class="screen-1">
        <h2 class="screen-1_heading screen-1_heading_animate_init"><b>华为手机</b> 让你的生活更精彩</h2>
        <div class="screen-1_phone screen-1_phone_animate_init"></div>
        <div class="screen-1_shadow screen-1_shadow_animate_init"></div>
    </div>
    <div class="screen-2">
        <h2 class="screen-2_heading">优美的设计，更令人着迷</h2>
        <h3 class="screen-2_subheading">采用受欢迎的设计，让它更加出色。<br>
        款式小巧、轻便手感更舒适。绚丽高清的显示屏，整个外环显得格外精致。</h3>
        <div class="screen-2_phone">
            <div class="screen-2_point screen-2_point_i_1">高清摄像</div>
            <div class="screen-2_point screen-2-point_custom_right screen-2_point_i_2">超薄机身</div>
            <div class="screen-2_point screen-2-point_custom_right screen-2_point_i_3">大屏显示</div>
        </div>
    </div>
</body>
</html>